<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客页面</title>
    <link rel="stylesheet" href="尉迟鹤泽/rest.css">
    <style>
        .box {
            position: relative;
            width: 880px;
            margin: 0 auto;
            border: 1px dashed rgb(187,187,187);
            overflow: hidden;
        }

        .top {
            width: 880px;
            height: 300px;
            background: url(尉迟鹤泽/jd.jpg);
            position: relative;
            margin-bottom: 5px;
        }

        .top_warp {
            position: absolute;
            right: 100px;
            bottom: 10px;
        }

        a {
            font-family: "Microsoft YaHei";
            color: #fff;
            text-decoration: none;
            font-size: 13px;
        }

        .navigation {
            width: 220px;
            margin: 0 5px 35px 5px;
            border: 1px solid rgb(166, 166, 166);
            font-family: "Microsoft YaHei";
            float: left;
        }

        .bar_img {
            width: 220px;
            height: 220px;
        }

        .bar_title {
            background: url(尉迟鹤泽/leftbg.jpg);
            color: #000;
            font-size: 14px;
            font-weight: bold;
            text-indent: 3em;
            margin: 3px 0 10px;
            border-bottom: 3px dotted rgb(0, 153, 255);
        }

        .bar_introduce {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            margin-bottom: 5px;
            text-indent: 16px;
        }

        .bar_content {
            color: rgb(46, 86, 145);
            font-size: 13px;
            background: url(尉迟鹤泽/tb.gif) no-repeat;
            text-indent: 20px;
            margin: 0 0 8px 16px;
        }

        .content {
            position: relative;
            width: 630px;
            height: 180px;
            border: 1px solid rgb(171, 171, 171);
            margin: 5px 5px 5px 10px;
            float: right;
        }

        .main_title {
            color: rgb(102, 41, 0);
            font-size: 16px;
            font-weight: bold;
            margin: 5px;
        }

        hr {
            width: 620px;
            border: 1px dotted rgb(157, 157, 157);
            border-bottom: 0px;
        }

        .content_text {
            font-size: 13.5px;
            margin: 30px 0 0 30px;
            line-height: 18px;
            color: #000;
        }

        .sign {
            position: absolute;
            color: rgb(136, 136, 147);
            font-size: 13px;
            right: 10px;
        }

        .mark {
            position: absolute;
            color: rgb(255, 125, 100);
            font-size: 14px;
            text-indent: 2em;
            bottom: 10px;
        }

        .foot_warp {
            font-family: Arial, Helvetica, sans-serif;
            position: absolute;
            width: 880px;
            height: 25px;
            line-height: 25px;
            bottom: 0;
            color: rgb(0, 74, 135);
            font-size: 12px;
            text-align: center;
            background-color: rgb(218, 238, 255);
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="top">
            <div class="top_warp">
                <a href="#">首页</a>&nbsp;&nbsp;&nbsp;
                <a href="#">日志</a>&nbsp;&nbsp;&nbsp;
                <a href="#">相册</a>&nbsp;&nbsp;&nbsp;
                <a href="#">音乐</a>&nbsp;&nbsp;&nbsp;
                <a href="#">收藏</a>&nbsp;&nbsp;&nbsp;
                <a href="#">博友</a>&nbsp;&nbsp;&nbsp;
                <a href="#">关于博主</a>
            </div>
        </div>
        <div class="navigation">
            <div class="bar_img">
                <img src="尉迟鹤泽/02.jpg" width="100%" height="100%">
            </div>
                <p class="bar_title">关于博主</p>
                <p class="bar_introduce">姓名：尉迟鹤泽</p>
                <p class="bar_introduce">QQ：2500945930</p>
                <p class="bar_introduce">邮箱：2500945930@qq.com</p>

                <p class="bar_title">最新文章</p>
                <a href="#"><p class="bar_content">零丁木叶千秋苦</p></a>
                <a href="#"><p class="bar_content">残月如眸思悠悠</p></a>
                <a href="#"><p class="bar_content">细柳垂芙蓉，春意绕眉梢</p></a>
                <a href="#"><p class="bar_content">晓看花雨处，且听木簌簌</p></a>

                <p class="bar_title">热门文章</p>
                <a href="#"><p class="bar_content">雨落风息云天衍</p></a>
                <a href="#"><p class="bar_content">春山携煦入东窗</p></a>
                <a href="#"><p class="bar_content">旦辞南去将别久</p></a>
                <a href="#"><p class="bar_content">暮冬逢尔应戴逑</p></a>

                <p class="bar_title">最新评论</p>
                <a href="#"><p class="bar_content">觅得红豆观柳舞</p></a>
                <a href="#"><p class="bar_content">一曲相思一别离</p></a>
                <a href="#"><p class="bar_content">鹤唳孤峰荡，花落满庭芳</p></a>
                <a href="#"><p class="bar_content">他乡见琼轮，桑梓忆故人</p></a>
        </div>
        <div class="main">
            <a href="#">
                <div class="content">
                    <p class="main_title">新燕垂髫闹冬暮</p>
                    <hr>
                    <span class="sign">作者:尉迟鹤泽</span>
                    <p class="content_text">
                        把秋末埋进土里，来年寻找春的记忆<br/>
                        老树落下斑斓，枯木萧条大地，湍湍江河奔腾而去<br/>
                        星光沉默自然的喧嚣，夜风又将山林唤醒<br/>
                        皎月躲藏在暮云后，看那岁月流泄了一地
                    </p>
                    <div class="mark">浏览[9999] 评论[99]</div>
                </div>
            </a>
            <a href="#">
                <div class="content">
                    <p class="main_title">老狗半睱待春阳</p>
                    <hr>
                    <span class="sign">作者:尉迟鹤泽</span>
                    <p class="content_text">
                        她踱着步子，撑把红油伞，素衣纁裳<br/>
                        我泰然走过，悸动的心却被那嘴角的梨涡钩住<br/>
                        细风过，碎发拂颈，又抚上我心<br/>
                        踌躇间，仅留一缕兰香
                    </p>
                    <div class="mark">浏览[9999] 评论[99]</div>
                </div>
            </a>
            <a href="#">
                <div class="content">
                    <p class="main_title">当时只道是寻常</p>
                    <hr>
                    <span class="sign">作者:尉迟鹤泽</span>
                    <p class="content_text">
                        檐下的风铃是我的思念<br/>
                        风一过，便绵绵难断<br/>
                        欲离的樱花是你的容颜<br/>
                        雨一拂，便迷了双眼
                    </p>
                    <div class="mark">浏览[9999] 评论[99]</div>
                </div>
            </a>
        </div>
        <div class="foot_warp">
            <p>
                <p>
                    更新时间：2022-05-07 5:20 &copy; ALL Rights Reserved
                </p>
            </p>
        </div>
    </div>
</body>
</html>